<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="index.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Listar Orgãos</title>
</head>
<body>

	<f:view>
		<h:form>
			<div id="topo">
				<div id="logo">
					<img alt="img1" src="img/logo.png" width="250">
				</div>

				<div id="menssagem">
					<p id="texto3">
						<b>Aqui a prestação de contas do seu <br> Município com
							maior Visibilidade.
						</b>
					</p>
				</div>

				<div id="logotcm">
					<a href="http://www.tcm.ce.gov.br/site/index.php"> <img
						alt="img1" src="img/logotcm.png" width="70">
					</a>
				</div>

			</div>


			<div id="backMenu">

				<div id="menu">
					<a
						href="http://localhost:8080/TrabalhoII-Persistencia/faces/index.jsp"
						class="links">Home</a> <a
						href="http://localhost:8080/TrabalhoII-Persistencia/faces/agentes.jsp"
						class="links">Agentes</a> <a
						href="http://localhost:8080/TrabalhoII-Persistencia/faces/despesas.jsp"
						class="links">Despesas</a> <a
						href="http://localhost:8080/TrabalhoII-Persistencia/faces/licitacoes.jsp"
						class="links">Licitações</a>

				</div>

			</div>

			<div id="descricaoSistema">

				<div id="textLic">
					<p id="textoLicitacao">
						Gastos com os orgãos em: 
						<h:outputText value="#{ProjetoBean.ano }" />
					</p>
				</div>
				<div id="itens1">
					<h:outputText
						value="Gastos com o Orgão: #{ProjetoBean.orgao.nome_orgao}" styleClass="mfonte"/>

					<h:panelGrid columns="2">
						<h:panelGroup>
							<h:outputText value="Informe o Ano a ser comparado: "
								styleClass="mfonte" />
							<h:inputText value="#{ProjetoBean.anoComparado}" required="true" />
						</h:panelGroup>

						<h:panelGroup>
							<h:commandButton type="submit"
								action="#{ProjetoBean.CompararGastosComOrgao}" value="comparar" />
						</h:panelGroup>
					</h:panelGrid>
					
					</div>
					
					<div id="painelLicitacao">

					<div id="divTabela"
						style="overflow: -moz-srollbars-vertical; height: 150px; margin: auto;">

						<h:dataTable value="#{ProjetoBean.despesasBean.despesas}"
							var="despesa" headerClass="mfonte2" columnClasses="mfonte8"
							cellspacing="2">

							<h:column>
								<f:facet name="header">
									<h:outputText value="Código município" />
								</f:facet>
								<h:outputText value="#{despesa.codigo_municipio}" />
							</h:column>

							<h:column>
								<h:outputText value="#{despesa.codigo_orgao}" />
								<f:facet name="header">
									<h:outputText value="Cod Orgao" />
								</f:facet>
							</h:column>

							<h:column>
								<h:outputText value="#{despesa.exercicio_orcamento}" />
								<f:facet name="header">
									<h:outputText value="Exer Orcam" />
								</f:facet>
							</h:column>

							<h:column>
								<h:outputText value="#{despesa.valor_total_fixado}" />
								<f:facet name="header">
									<h:outputText value="Valar Gasto" />
								</f:facet>
							</h:column>

							<h:column>
								<h:outputText value="#{despesa.nome_elemento_despesa}" />
								<f:facet name="header">
									<h:outputText value="Nome elemento" />
								</f:facet>
							</h:column>


						</h:dataTable>

						<h:outputText
							value="Total pago: R$ #{ProjetoBean.total_gastos_orgao}" styleClass="redfonte"/>
					</div>

					<br /> <br />

					<div id="divTabela"
						style="overflow: -moz-srollbars-vertical; height: 150px; margin: auto;">

						<h:dataTable value="#{ProjetoBean.despesasBean.despesas_2}"
							var="despesa" headerClass="mfonte2" columnClasses="mfonte8"
							cellspacing="2">

							<h:column>
								<f:facet name="header">
									<h:outputText value="Código município" />
								</f:facet>
								<h:outputText value="#{despesa.codigo_municipio}" />
							</h:column>

							<h:column>
								<h:outputText value="#{despesa.codigo_orgao}" />
								<f:facet name="header">
									<h:outputText value="Cod Orgao" />
								</f:facet>
							</h:column>

							<h:column>
								<h:outputText value="#{despesa.exercicio_orcamento}" />
								<f:facet name="header">
									<h:outputText value="Exer Orcam" />
								</f:facet>
							</h:column>

							<h:column>
								<h:outputText value="#{despesa.valor_total_fixado}" />
								<f:facet name="header">
									<h:outputText value="Valar Gasto" />
								</f:facet>
							</h:column>

							<h:column>
								<h:outputText value="#{despesa.nome_elemento_despesa}" />
								<f:facet name="header">
									<h:outputText value="Nome elemento" />
								</f:facet>
							</h:column>


						</h:dataTable>

						<h:outputText
							value="Total pago: R$ #{ProjetoBean.total_gastos_orgao_2}"  styleClass="redfonte">
							<f:convertNumber minFractionDigits="2"/>
							</h:outputText>
								
				</div>

				<div id="diferenca">

				<h:outputText
					value="Diferença: R$ #{ProjetoBean.diferenca_gastos_entre_orgaos }"
					styleClass="textoDiferenca" />

				</div>


			</div>

	</div>

			<div id="rodape">
				<p id="texto2">
					copyright<br> Ômega Corporation:<br> Alessandro, Felipe
					de Freitas<br> Paulo Ivo, Pedro José Rodrigues de Sousa,
					Ronaldo Dantas.
				</p>
				<iframe
					src="https://www.facebook.com/plugins/like.php?href=http://localhost:8080/TrabalhoII-Persistencia/faces/index.jsp"
					scrolling="no" frameborder="0"
					style="border: none; width: 450px; height: 80px"></iframe>
			</div>



		</h:form>
	</f:view>
</body>
</html>
